<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Perfect Home</title>
	<link rel="stylesheet" href="./css/jquery.mobile-1.4.5.min.css" />
	<link rel="stylesheet" href="./css/home.css">
	<link rel="stylesheet" href="./css/jqm-datebox.min.css">
	<link rel="stylesheet" href="./css/font-awesome.min.css">
</head>
<body>
<div data-role="page" id="login">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<h1>Log in</h1>
        <a id="config-login-btn" class="ui-btn ui-shadow ui-corner-all ui-icon-gear ui-btn-icon-notext ui-btn-right" href=""></a>
	</div>
	<div role="main" class="ui-content">
        <form>
            <ul data-role="listview" data-inset="true">
                <li class="ui-field-contain">
                    <label for="login-username-input">Username</label>
                    <input id="login-username-input" type="text" name="username" data-clear-btn="true">
                </li>
                <li class="ui-field-contain">
                    <label for="login-password-input">Password</label>
                    <input id="login-password-input" type="password" name="password" data-clear-btn="true">
                </li>
                <button id="begin-login-btn" class="ui-btn ui-btn-b ui-shadow ui-corner-all">Log in</button>
            </ul>
        </form>
	</div>
</div>

<div data-role="page" id="my-files">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a>
        <h1>My Files</h1> 
        <a id="file-upload-btn" class="ui-btn ui-shadow ui-corner-all ui-icon-plus ui-btn-icon-notext" href=""></a>
	</div>
	<div role="main" class="ui-content">
        <div id="my-files-path" class="ui-bar ui-bar-a ui-corner-all">
            <a href="" data-role="none">.&nbsp;.&nbsp;.&nbsp;</a><span>&nbsp;&nbsp;/&nbsp;&nbsp;</span>
        </div>
        <div class="ui-body ui-body-a ui-corner-all">
                <table id="my-files-table" class="table-stroke ui-body-d">
                </table>
        </div>
        <div id="add-dir-popup" class="ui-corner-all" data-role="popup" data-theme="a">
                <form>
                        <div>
                                <h3>Add New Folder</h3>
                                <label class="ui-hidden-accessible" for="dirname-input">New Folder Name:</label>
                                <input id="dirname-input" placeholder="Input new folder name..." type="text" name="dirname" data-theme="a">
                                <button id="add-dir-btn" type="button" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">OK</button>
                        </div>
                </form>
        </div>
        <div id="edit-filename-popup" class="ui-corner-all" data-role="popup" data-theme="a">
                <form>
                        <div>
                                <h3>Rename A File</h3>
                                <label class="ui-hidden-accessible" for="new-filename-input">New File Name:</label>
                                <input id="new-filename-input" placeholder="Input new file name..." type="text" name="new-filename" data-theme="a">
                                <button id="edit-filename-btn" type="button" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check">OK</button>
                        </div>
                </form>
        </div>
	</div>
    <div id="my-files-footer" data-role="footer" data-tap-toggle="false" data-position="fixed" data-theme="b">
        <div data-role="navbar">
                <ul>
                        <li><a href="#add-dir-popup" data-rel="popup" data-position-to="window" class="ui-btn" data-transition="none" data-icon="plus"></a></li>
                        <li><button id="delete-myfile-btn" data-icon="delete"></button></li>
                        <li><button id="start-edit-filename-btn" class="ui-btn" data-icon="edit"></button></li>
                </ul>
        </div>
    </div>
</div>
<div data-role="page" id="data-now">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a><h1>Data Now</h1>
	</div>
	<div role="main" class="ui-content">
		<ul id="data-now-listview" data-role="listview" data-inset="true">
			<li>
				Temperature: 
			</li>
			<li>
				Home Brightness: 
			</li>
			<li>
				Fire Safety: 
			</li>
		</ul>
	</div>
</div>
<div data-role="page" id="statistics">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a><h1>Statistics</h1>
	</div>
	<div role="main" class="ui-content">
		<div id="stat-tabs" data-role="tabs">
			<div data-role="navbar">
				<ul>
					<li><a href="#temperature" data-ajax="false" id="temp-tab"><br></a></li>
					<li><a href="#brightness" data-ajax="false" id="bri-tab"><br></a></li>
					<li><a href="#firesafty" data-ajax="false" id="fire-tab"><br></a></li>
				</ul>
				<div id="temperature">
					<img id="temp-trend-img" src="images/init_linechart.png" alt="temperature statistics">
					<ul data-role="listview">
						<li>
							<label for="max-temp-input">Max Room Temperature(℃):</label>
							<input id="max-temp-input" type="number">
							<input type="checkbox" name="heat-alert" id="heat-alert-check">
							<label for="heat-alert-check">Alert me if greater than it</label>
						</li>
					</ul>

					<ul data-role="listview">
						<li>
							<label for="min-temp-input">Min Room Temperature(℃):</label>
							<input id="min-temp-input" type="number">
							<input type="checkbox" name="low-temperature-alert" id="low-temperature-check">
							<label for="low-temperature-check">Alert me if lesser than it</label>
						</li>
					</ul>

				</div>
				<div id="brightness">
					<ul id="brightness-listview" data-role="listview" data-inset="true" class="tablist-content">
						<li><a href="" class="ui-btn ui-btn-icon-right ui-icon-alert"></a></li>
					</ul>
					<input type="checkbox" name="heat-alert" id="brightness-alert-check">
					<label for="brightness-alert-check">Alert me if abnormal</label>
				</div>
				<div id="firesafty">
					<ul id="firesafty-listview" data-role="listview" data-inset="true" class="tablist-content">
						<li><a href="" class="ui-btn ui-btn-icon-right ui-icon-alert"></a></li>
					</ul>
					<input type="checkbox" name="heat-alert" id="fire-alert-check">
					<label for="fire-alert-check">Alert me if abnormal</label>
				</div>
			</div>
		</div>
	</div>
</div>

<div data-role="page" id="housework">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a><h1>Housework</h1><a id="add-new-housework-btn" class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-plus" href="#housework-create"></a>
	</div>
	<div role="main" class="ui-content">
		<select id="username" name="username">
		</select>
		<ul id="housework-listview" data-role="listview" data-inset="true">
		</ul>
	</div>
</div>

<div id="housework-detail" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#housework" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a><h1>Details</h1>
	</div>
	<div class="ui-content" role="main">
		<ul id="housework-detail-listview" data-role="listview" data-inset="true">
			<li>
				<img src="" alt="Avatar">
				<h2></h2>
				<p></p>
			</li>
			<li>Task:</li>
			<li>Reward:</li>
		</ul>
		<button id="detail-action-btn" class="ui-btn ui-btn-b ui-shadow ui-corner-all">Doing...</button>
	</div>
</div>

<div id="housework-create" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#housework" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a><h1>New</h1>
	</div>
	<div class="ui-content" role="main">
		<select id="selectable-username" name="username">
		</select>
		<ul data-role="listview" data-inset="true">
			<li>
				<label for="task-input">Task:</label>
				<input id="task-input" type="text">
			</li>
			<li>
				<label for="reward-input">Reward:</label>
				<input id="reward-input" type="text" name="reward">
			</li>
		</ul>
		<button id="housework-create-confirm-btn" class="ui-btn ui-btn-b ui-shadow ui-corner-all ui-btn-icon-left ui-icon-check">OK</button>
	</div>
</div>

<div id="sugar-statistic" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a><h1>Blood Sugar</h1><a class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-plus" href="#sugar-create"></a>
	</div>
	<div class="ui-content" role="main">
        <div id="sugar-stats-tabs" data-role="tabs">
                <div data-role="navbar">
                    <ul>
                            <li><a href="#sugar-history-tab" data-ajax="false">History</a></li>
                            <li><a href="#sugar-statistics-tab" data-ajax="false">Statistics</a></li>
                    </ul>
                </div>
                <div id="sugar-history-tab">
					<ul id="sugar-history-listview" data-role="listview" data-inset="true" class="tablist-content">
						<li><a href="" class="ui-btn"></a></li>
					</ul>
                </div>
                <div id="sugar-statistics-tab">
					<img id="sugar-stats-img" src="images/init_sugar.png" alt="Sugar statistics">
                    <ul id="sugar-stats-datefield-listview" data-role="listview" data-inset="true" class="tablist-content">
                            <li id="sugar-stats-datefield"></li>
                    </ul>
                </div>
        </div>
	</div>
</div>

<div id="sugar-create" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#sugar-statistic" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a><h1>New</h1>
	</div>
	<div class="ui-content" role="main">
		<label for="add-date">Date:</label>
		<input id="add-date" type="text" data-role="datebox" data-options='{"mode":"flipbox", "useLang":"en", "overrideDateFormat": "%Y-%m-%d", "defaultValue": "new Date()", "showInitialValue":true, "useFocus": "true"}' required>
		<label for="add-time">Time:</label>
		<input id="add-time" type="text" data-role="datebox" data-options='{"mode":"timeflipbox", "defaultValue":"new Date()", "showInitialValue":true, "useFocus": "true"}' required>
		<label for="add-tag">Tag:</label>
		<select id="add-tag" name="sugar-value-tag">
			<option value="1">Before Breakfast</option>
			<option value="2">After Breakfast</option>
			<option value="3">Before Lunch</option>
			<option value="4">After Lunch</option>
			<option value="5">Before Dinner</option>
			<option value="6">After Dinner</option>
		</select>
		<label for="sugar-value">Sugar Value:</label>
		<input id="sugar-value" type="number" step="0.1" min="0" required>
		<button id="sugar-confirm-btn" class="ui-btn ui-btn-b ui-shadow ui-corner-all ui-btn-icon-left ui-icon-check">Fine</button>
	</div>
</div>

<div id="contacts-sync" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a id="contacs-menu-bar-btn" href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a><h1>Contacts Sync</h1>
	</div>
	<div class="ui-content" role="main">
		<button id="backup-btn" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-arrow-u">Backup</button>
		<button id="sync-btn" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-arrow-d">Sync</button>
	</div>
</div>

<div id="location-track" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a><h1>Location Track</h1>
	</div>
	<div class="ui-content" role="main">
		<ul id="location-thumbnail-listview" data-role="listview">
			<li>
			</li>
		</ul>
	</div>
</div>

<div id="location-track-detail" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#location-track" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a><h1>Location Detail</h1>
	</div>
	<div class="ui-content" role="main">
		<ul id="location-track-detail-listview" data-role="listview">
			<li>
				<h2></h2>
				<p></p>
			</li>
		</ul>
	</div>
</div>

<div id="pi-health" data-role="page">
	<div data-role="header" data-theme="b"  data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a><h1>Pi Health</h1>
	</div>
	<div class="ui-content" role="main">
		<ul data-role="listview" data-inset="true">
			<li>
				<h2>CPU Temperature: 41.4℃</h2>
			</li>
			<li>
				<h2>GPU Temperature: 42.1℃</h2>
			</li>
		</ul>	
		<ul data-role="listview" data-inset="true">
			<li>
				<h2>CPU Usage: 10%</h2>
			</li>
			<li>
				<h2>Memory Usage: 43.7%</h2>
			</li>
			<li>
				<h2>System Load: Good</h2>
			</li>
			<li>
				<h2>System Uptime: 5 hour 45 mins</h2>
			</li>
		</ul>
		<input type="checkbox" name="pi-alert" id="pi-health-alert-check">
		<label for="pi-health-alert-check">Alert me if unhealthy</label>
	</div>
</div>

<div id="user-center" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a><h1>User Center</h1>
	</div>
	<div class="ui-content" role="main">
		<ul data-role="listview" data-inset="true" data-split-theme="a">
			<li>
                <a id="user-item" href="#user-detail">
                    <img src="" alt="">
                    <h2></h2>
                    <p></p>
                </a>
			</li>
            <li>
                <label for="user-locationtrack-toggle">Track my location:</label>
                <input id="user-locationtrack-toggle" type="checkbox" data-role="flipswitch" data-on-text="Yes" data-off-text="No">
                <label for="is-living-in-china-toggle">I live in China:</label>
                <input id="is-living-in-china-toggle" type="checkbox" data-role="flipswitch" data-on-text="Yes" data-off-text="No">
                <label for="location-track-interval-select">Location report interval:</label>
                <select id="location-track-interval-select" name="location-track-interval">
                    <option value="900000">Quarterly</option>
                    <option value="1800000">Every half an hour</option>
                    <option value="3600000">Hourly</option>
                </select>
            </li>
            <li>
                <label for="vibrate-notification-toggle">Vibrate when get notification:</label>
                <input id="vibrate-notification-toggle" type="checkbox" data-role="flipswitch" data-on-text="Yes" data-off-text="No">
                <label for="remember-login-toggle">Do not remember me after login:</label>
                <input id="remember-login-toggle" type="checkbox" data-role="flipswitch" data-on-text="Yes" data-off-text="No">
            </li>
		</ul>
	</div>
</div>

<div id="user-detail" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#user-center" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a><h1>Details</h1>
	</div>
	<div class="ui-content" role="main">
        <div id="gender-update-popup" class="ui-corner-all" data-role="popup" data-theme="a">
                <form>
                        <div>
                                <h3>Gender</h3>
		                        <ul data-role="listview" data-inset="true">
                                    <li id="gender-male-item"><i class="fa fa-check-square-o"></i> <span>Male</span></li>
                                    <li id="gender-female-item"><i class="fa fa-square-o"></i> <span>Female</span></li>
                                </ul>
                        </div>
                </form>
        </div>
		<ul id="user-detail-listview" data-role="listview" data-inset="true">
			<li id="user-avatar-item">
			    <img class="" src="" alt="Avatar">
                <span class="leftmost-pos listview-item-title">Profile photo</span>
			</li>
			<li id="user-name-item">
                 <span class="leftmost-pos listview-item-title">My Name</span>
                 <span class="rightmost-pos listview-item-value"></span>
            </li>
			<li id="user-email-item">
                 <span class="leftmost-pos listview-item-title">E-mail</span>
                 <span class="rightmost-pos listview-item-value"></span>
            </li>
		</ul>
		<ul id="user-noncrtitical-detail-listview" data-role="listview" data-inset="true">
            <li id="user-gender-item">
                 <span class="leftmost-pos listview-item-title">Gender</span>
                 <span class="rightmost-pos listview-item-value"></span>
            </li>     
            <li id="user-birth-item">
                 <span class="leftmost-pos listview-item-title">Birthday</span>
                 <span class="rightmost-pos listview-item-value"></span>
            </li>
            <li id="user-password-item">
                 <span class="leftmost-pos listview-item-title">Password</span>
                 <span class="rightmost-pos listview-item-value">***</span>
            </li>
        </ul>
	</div>
</div>

<div id="user-detail-edit-action" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#user-detail" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a>
        <h1>Edit</h1>
		<a id="user-detail-update-confirm" class="ui-btn ui-shadow ui-corner-all ui-icon-check ui-btn-icon-notext"></a>
	</div>
	<div class="ui-content" role="main">
        <input id="user-action-input" type="text" name="">
	</div>
</div>

<div id="user-detail-birthday-edit-action" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#user-detail" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a>
        <h1>Birthday</h1>
	</div>
	<div class="ui-content" role="main">
        <input id="user-birthday-action-input" type="text" name="" data-role="datebox" data-options='{"mode":"flipbox","useLang":"en", "overrideDateFormat": "%Y-%m-%d", "useInline":true, "defaultValue": [1990,3,3], "showInitialValue": true}'>
	</div>
</div>

<div id="user-detail-password-edit-action" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#user-detail" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a>
        <h1>Password</h1>
		<a id="user-detail-password-edit-confirm" class="ui-btn ui-shadow ui-corner-all ui-icon-check ui-btn-icon-notext"></a>
	</div>
	<div class="ui-content" role="main">
		<ul id="user-detail-password-edit-listview" data-role="listview" data-inset="true" data-split-theme="a">
            <li class="ui-field-contain">
                <label for="user-old-password-input">Current password</label>
                <input id="user-old-password-input" type="password" name="old-password" data-clear-btn="true">
            </li>
            <li class="ui-field-contain">
                <label for="user-new-password-input">New password</label>
                <input id="user-new-password-input" type="password" name="new-password" data-clear-btn="true">
            </li>
            <li id="user-new-password-again-item" class="ui-field-contain">
                <label for="user-new-password-again-input">New password again</label>
                <input id="user-new-password-again-input" type="password" name="new-password-again" data-clear-btn="true">
            </li>
		</ul>
	</div>
</div>

<div id="my-family" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
		<a href="#leftpanel" class="ui-btn ui-shadow ui-corner-all ui-icon-bars ui-btn-icon-notext"></a>
        <h1>My Family</h1>
        <a class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-plus" href="#family-member-create"></a>
	</div>
	<div class="ui-content" role="main">
		<ul id="member-listview" data-role="listview" data-inset="true" data-split-theme="a">
		</ul>
        <div data-role="popup" id="my-family-member-action-popup" data-theme="b">
            <ul data-role="listview" data-inset="true">
                <li data-icon="false"><a id="my-family-member-delete-btn" href="#">Delete</a></li>
                <li data-icon="false"><a id="my-family-member-reset-password-btn" href="#">Reset Password</a></li>
            </ul>
        </div>
	</div>
</div>

<div id="family-member-create" data-role="page">
	<div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false">
        <a href="#my-family" class="ui-btn ui-shadow ui-corner-all ui-icon-back ui-btn-icon-notext"></a>
        <h1>New Member</h1>
	</div>
	<div class="ui-content" role="main">
		<ul id="user-add-listview" data-role="listview" data-inset="true" data-split-theme="a">
            <li class="ui-field-contain">
                <label for="user-add-username-input">Username</label>
                <input id="user-add-username-input" type="text" name="username" data-clear-btn="true">
            </li>
            <li class="ui-field-contain">
                <label for="user-add-role-toggle">Admin?</label>
                <input id="user-add-role-toggle" type="checkbox" data-wrapper-class="user-add-role-flipswitch" data-role="flipswitch" data-on-text="Yes" data-off-text="No">
            </li>
            <button id="add-new-member-btn" class="ui-btn ui-btn-b ui-shadow ui-corner-all">Add</button>
		</ul>
	</div>
</div>

<div data-role="panel" id="leftpanel" data-position="left" data-display="overlay" data-theme="a">
	<a class="ui-btn ui-btn-inline ui-btn-b panel-title ui-state-disabled ui-mini ui-btn-icon-right ui-icon-carat-d">My Cloud</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#my-files">My Files</a>
	<a class="ui-btn ui-btn-inline ui-btn-b panel-title ui-state-disabled ui-mini ui-btn-icon-right ui-icon-carat-d">Home Environment</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#data-now">Data Now!</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#statistics">Statistics</a>
	<a class="ui-btn ui-btn-inline ui-btn-b panel-title ui-state-disabled ui-mini ui-btn-icon-right ui-icon-carat-d">Life Assistant</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#housework">Housework</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#sugar-statistic">Blood Sugar</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#contacts-sync">Contacts Sync</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#location-track">Location Track</a>
	<a class="ui-btn ui-btn-inline ui-btn-b panel-title ui-state-disabled ui-mini ui-btn-icon-right ui-icon-carat-d">System Center</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#pi-health">Pi Health</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#user-center">User Center</a>
	<a class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#my-family">My Family</a>
	<a id="logout-btn" class="ui-btn ui-btn-a ui-btn-inline" data-rel="close" href="#logout">Logout</a>
</div>
	
<script src="cordova.js" onload="javascript:window.isCordovaApp = true;"></script> 
<script data-main="js/userjs/app.js" src="js/require.js"></script>
</body>
</html>
